<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>管理员系统</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.3.1.min.js"></script>
<style type="text/css">
	td{
		padding-bottom: 7px;
		padding-left: 10px;
	}
	a:link {
		color: gray;
		text-decoration: none;
	}
	a:hover {
		color: red;
		text-decoration: none;
	}
</style>
</head>
<body>
<div>
	<form name="f" >
			<table align="center">
				<caption>商家查询</caption>
				<tr>
					<td>商家名称：</td>
					<td><input type="text" name="shopName"></td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="button" value="查询" onclick="query()"></td>
				</tr>
			</table>
		</form>
	<div id="table" align="center" >
	</div>


</div>
</body>
<script type="text/javascript">
	query();
	function query(){
		var shopName = encodeURI(f.shopName.value);
		$.ajax({// 进行提交
			type : "get",// 提交方式
			url : "${pageContext.request.contextPath}/admin/findShop",// 提交路径
			async : true,// 是否异步
			dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
			data : {
				shopName : shopName,
			},
			success : function(data) {// 执行成功后调动的方法
				var content = "<table><tr><th>ID</th><th>商家名</th><th>电话</th><th>邮箱</th><th>身份证号</th><th>商家地址</th><th>余额</th><th>状态</th><th>修改</th></tr>"
				for(var i = 0;i < data.length;i++){
					var item = data[i];
					content += "<tr><td>"+item.shopId+"</td><td>"+item.shopName+"</td><td>"+item.shopTel+"</td><td>"+item.shopEmail+"</td><td>"+item.shopCard+"</td><td>"+item.shopAddress+"</td><td>"+item.shopBalance+"</td><td><select name='shopState' id='"+item.shopId+"'></select></td><td><a href='#' onclick='doUpd("+item.shopId+")'>修改</a></td></tr>";
				}
				content += "</table>";
				$("#table").html(content);
				for(var i = 0;i < data.length;i++){
					var item = data[i];
					var state = $("#"+item.shopId);
					if(item.shopState == 1){
						state.append("<option value='1' selected='selected'>在用</option>");
						state.append("<option value='0'>停用</option>");
					}else{
						state.append("<option value='0' selected='selected'>停用</option>");
						state.append("<option value='1'>在用</option>");
					}
				}
			},
			error : function(err) {// 执行失败后的失败信息的显示
				console.log(err);
			}
		});
	}
	function doUpd(shopId){
		var shopId = shopId;
		var shopState = $("#"+shopId).val();
		$.ajax({// 进行提交
			type : "post",// 提交方式
			url : "${pageContext.request.contextPath}/admin/doUpdShop",// 提交路径
			async : true,// 是否异步
			dataType : 'json',// 数据格式（不进行跨越json，进行跨越jsonp）
			data : {
				shopId : shopId,
				shopState : shopState
			},
			success : function(data) {// 执行成功后调动的方法
				var flag = data[0];
				if(flag == true){
					alert("修改成功");
				}else{
					alert("修改失败")
				}
				query();
			},
			error : function(err) {// 执行失败后的失败信息的显示
				console.log(err);
			}
		});
	}
</script>
